html, body {
height:100%;
} 

body {
margin:0;
padding:0;
background:#fff url("general/body_bg.gif") repeat-x top left;
}

h1 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:2em;
}

.gwt-Button {
	border:1px solid #9b9b9b;
	vertical-align: middle;
	background-color:#e9e9e9;
}

.content-box {
	/*background-color:#FFFFFF;*/
	border:1px solid #cfd0d4;
}

.content-box_active {
	border:1px solid #b6b7ba;
}

.content-box-internal {
	border:1px solid #a3a3b0;
}

.content-box-internal_active {
	border:1px solid #8b8b96;
}

.content-box-background
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:-100;       
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: .75;
	filter:alpha(opacity=75);
	-moz-opacity: .75;
}

.content-box-background_active {
	opacity: .95;
	filter:alpha(opacity=95);
	-moz-opacity: .95;	
}

.content-box-caption {
	/*color:#FFFFFF;*/
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1em;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	-moz-user-select:none; /* no text selection in Firefox */	
}

.content-box-caption-panel-container {
	background:transparent url(general/node-header.gif) repeat-x;
	cursor:pointer;
	width:100%;
	overflow: hidden;
}
.content-box-caption-panel-container_active {
	background:#dcf6b7 url(general/node-header_active.gif) repeat-x; /*#f0f4fa*/
	-moz-user-select:none; /* no text selection in Firefox */	
}

.content {
	padding: 2px;
}

.toolbar {
	width:85px;
	height:18px;
	/*background:#6699CC url(g.blue.gif) 0 125% repeat-x;*/
	background:#dcf6b7 url(general/node-header_active.gif) repeat-x;
	border: 1px solid #8b8b96;
}
.toolbar .custom-button {
	float:left;
}
.toolbar div {
	font-size:1px;
	float:left;
	width:12px;
	/*border: 1px solid #336699;*/
	margin-right: 2px;
}

.menu-button {
	clear:both;
	display:block;
	width:100%;
	height:18px;
	background-color:#6699CC;
}

.menu-button div {
float:left;
}

.unvisible {
	display: none;
	visibility: hidden;
}
.custom-button, .color-button, .left-color-button, .right-color-button, .collapse-button {
	cursor: pointer;
	margin: 3px;
	width: 12px; 
	height: 12px;
	display: block;
	float:left;
	outline: none;
}

.delete-connection {
	width: 16px; 
	height: 16px;
	margin: 0px		
}

.collapse-button {
float:left;
}

.gwt-HTML {
color:#FFFFFF;
float:left;
width:3px;
}

.color-button, .left-color-button, .right-color-button {
	width: 10px;
}
.color-button {
	margin-left: 0px;
	margin-right: 0px;
	border-left: 0px; 
	border-right: 0px;
}
.left-color-button {
	margin-right: 0px;
	border-right: 0px;
}	
.right-color-button {
	border-left: 0px;
	margin-left: 0px;
}

.textbox-title, .textarea-content {
	border: 1px solid #6699CC;
	margin: 3px;
	padding: 2px;
	width: 98%;
}
.searchbar-textbox, .gwt-ListBox {
/*	margin-left: 1px;
	margin-right: 1px;*/
	border: 1px solid #6699CC;
}

.textPasteBox {
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
	width: 450px;
	height: 350px;
}

.textPasteBox .Caption {
	/*background-color: #417690;*/
	background:transparent url(light-hd.gif) repeat-x;
	font-size: 13px;
	text-align: center;
	height: 18px;
	/*color: black;*/
	padding: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
	cursor: move;
}

.textPasteBox .gwt-Button {
	vertical-align: middle;
	background-color:#e9e9e9;
	color: black;
	border:1px solid #bbb;
	border-color: #ddd #aaa #aaa #ddd;
	height: 20px;
	width: 100%;
}

.statusLabel {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	padding-left: 20px;
	background-image: url('general/loading.gif');
	background-repeat: no-repeat;
	margin-bottom:4px;
	margin-left:15px;
	color:darkred;
}

/* Menu buttons --------------------------------------------------- */
.load-button, .save-button, .reset-button, .start-autoalign-button,
.stop-autoalign-button, .addnode-button, .dump-rdf-button, .paste-text-button {
	background-repeat:no-repeat;
	color:#0000EE;
	cursor:pointer;
	height:28px;
	padding-left:22px;
	text-decoration:underline;
	font-size: 1.1em;
	width:94px;
	outline: none;
}

.load-button {
	background-image:url(menu/load-button.gif);
}

.save-button {
	background-image: url('menu/save-button.gif');
}

.reset-button {	
	background-image: url('menu/reset-button.gif');
}

.start-autoalign-button, .stop-autoalign-button, .addnode-button, .dump-rdf-button {
	width:124px; 
}

.start-autoalign-button {
	background-image: url('menu/start-autoalign-button.gif');
}

.stop-autoalign-button {
	background-image: url('menu/stop-autoalign-button.gif');
}

.addnode-button {
	background-image: url('menu/addnode-button.gif');
}

.dump-rdf-button {
	background-image: url('menu/rdf.gif');
}

.paste-text-button {
	background-image: url('menu/paste_plain.gif');
	margin-top: 15px;
}

/* ? --------------------------------------------------- */

.gwt-StackPanel {
	background-color: #FFFFFF;
	border: 1px solid #8DB2E3;
	width: 100%;
}
.gwt-StackPanel .gwt-StackPanelItem {
	-moz-user-select:none;
	cursor:pointer;
	background:transparent url(light-hd.gif) repeat-x; /* scroll 0pt -9px;*/
	border-top:solid 1px #99BBE8;
	color:#222222;
	font-weight:normal;
	padding-bottom:3px;
	padding-top:4px;
}
.gwt-StackPanel .gwt-StackPanelItem-selected {
	-moz-user-select:none;
	cursor:pointer;
	background:transparent url(light-hd.gif) repeat-x; /* scroll 0pt -9px;*/
	border-bottom:solid 1px #99BBE8;
	color:#222222;
	font-weight:normal;
	padding-bottom:3px;
	padding-top:4px;
}


/* Sidebar --------------------------------------------------- */
.sidebar-button-plus, .sidebar-button-plus-up-hovering,
.sidebar-button-minus, .sidebar-button-minus-up-hovering { 
	width: 15px;
	height: 15px;
	font-size: 2px;
	margin-right: 3px;
	outline: none;
}

.sidebar-button-plus {
	background:transparent url(sidebar/plus_button.gif) no-repeat;
}

.sidebar-button-plus-up-hovering {
	background:transparent url(sidebar/plus_hover_button.gif) no-repeat;
}

.sidebar-button-minus {
	background:transparent url(sidebar/minus_button.gif) no-repeat;
}

.sidebar-button-minus-up-hovering {
	background:transparent url(sidebar/minus_hover_button.gif) no-repeat;
}

.sidebar-header-text {
	margin-left: 5px;
	font-size: 1em;
	font-weight:bold;
}

.searchbar-searchbox {
	border-bottom:1px solid #8DB2E3;
}

.searchbar-search-button {
	background:transparent url(sidebar/search.gif) no-repeat;
	width: 16px;
	height: 16px;
	font-size: 2px;
}
.searchbar {
	/*padding: 4px; font-family:Tahoma,sans-serif; font-size:12px;*/
}
/* Node Toolbar --------------------------------------------------- */
.remove-fly-button {
	background:transparent url('buttons/node_delete.gif') no-repeat;
	width: 16px;
	height: 16px;
	font-size: 2px;
	cursor:pointer;
	outline: none;
}

.create-fly-button {
	background:transparent url('buttons/node_create.gif') no-repeat;
	width: 16px;
	height: 16px;
	font-size: 2px;
	cursor:pointer;
	outline: none;
}

.edit-fly-button {
	background:transparent url('buttons/node_edit.gif') no-repeat;
	width: 16px;
	height: 16px;
	font-size: 2px;
	cursor:pointer;
	outline: none;
}

.fold-fly-button {
	background:transparent url('buttons/node_fold.gif') no-repeat;
	width: 16px;
	height: 16px;
	font-size: 2px;
	cursor:pointer;
	outline: none;
}

.unfold-fly-button {
	background:transparent url('buttons/node_unfold.gif') no-repeat;
	width: 16px;
	height: 16px;
	font-size: 2px;
	cursor:pointer;
	outline: none;
}

.connection-fly-button {
	background:transparent url('general/bullet_wrench.gif') no-repeat;
	width: 16px;
	height: 16px;
	font-size: 2px;
	cursor:pointer;
	outline: none;
}

/* Content edit buttons --------------------------------------------------- */
.content-edit-control-buttons-panel {
	height: 22px;
	background-color: #EFEFDE;
	border-top: solid 1px #000000;
}


.content-edit-control-save-button {
	background:transparent url('buttons/edit_save.gif') no-repeat 24px 0px;
	width: 96px;
	height: 16px;
	font-size: 12px;
	cursor:pointer;
	outline: none;
	border:1px solid #A8A8A8;
	margin-right:1px;
}

.content-edit-control-save-button .html-face {
	margin-right: 25px;
}

.content-edit-control-cancel-button {
	background:transparent url('buttons/edit_cancel.gif') no-repeat 20px 0px;
	width: 96px;
	height: 16px;
	font-size: 12px;
	cursor:pointer;
	outline: none;
	border:1px solid #A8A8A8;
	margin-right:1px;
}

.content-edit-control-cancel-button .html-face {
	margin-right: 18px;
}
